﻿@model FOModels.InternetBanking.InternetBankingModels
@{
    ViewBag.Title = "" + Model.InternetBankingName + "";
    Layout = "~/Views/Shared/_SUBLayout1.cshtml";
    var faq = (List<FOModels.ProductFAQ.ProductFAQModels>)ViewBag.FAQ;
    ViewBag.Description = "" + Model.InternetBankingName + ".So sánh dịch vụ internet banking nhiều hơn để tiết kiệm hơn với VNBankNet";
    var i = 1;
}
<script type="text/javascript" src="@Url.Content("~/content/js/jquery.carouFredSel-6.2.1-packed.js")"></script>
<script type="text/javascript" src="@Url.Content("~/content/js/jquery.mousewheel.min.js")"></script>
<script type="text/javascript" src="@Url.Content("~/content/js/jquery.touchSwipe.min.js")"></script>
<script type="text/javascript" src="@Url.Content("~/content/js/jquery.transit.min.js")"></script>
<script type="text/javascript" src="@Url.Content("~/content/js/jquery.ba-throttle-debounce.min.js")"></script>
<script type="text/javascript">
    $("#fancy-img").fancybox({
        wrapCSS: 'fancybox-custom',
        closeClick: true,
        openEffect: 'elastic',
        closeEffect: 'elastic',
        helpers: {
            title: {
                type: 'float'
            }
        }
    });
    $(document).ready(function () {

        $("#foo1").carouFredSel({
            auto: true,
            mousewheel: true,
            swipe: {
                onMouse: true,
                onTouch: true
            },
            items: {
                visible: {
                    min: 4,
                    max: 4
                }
                , height: 160,
            }
        });
    });
</script>
<style type="text/css">
    #vn-box {
        margin-left: 20px;
    }
</style>
<div id="v3HomeBody">
    <div class="bread_crumb">
        <ul>
            <li><a href="/" class="bread_arrow" title="@FOResource.UI.Layout.lblhome">@FOResource.UI.Layout.lblhome</a></li>
            <li><a href="@Url.Action("Index", "InternetBanking")" class="bread_arrow" title="@FOResource.UI.Layout.lblInternetBanking">@FOResource.UI.Layout.lblInternetBanking</a></li>
            <li class="lastli"><a href="@Url.Action("Detail", "InternetBanking", new { CompanyName = FO.Models.Conver.ConvertToUnSign(Model.CompanyName).ToLower(), InternetBankingName = FO.Models.Conver.ConvertToUnSign(Model.InternetBankingName).ToLower(), InternetBankingID = Model.InternetBankingID })" class="bold" title="@Model.InternetBankingName">@Model.InternetBankingName</a></li>
        </ul>
    </div>
    <!--Open Top Slider-->
    <div class="top_slider" id="afocus">
        <ol class="top_bar">
            <li style="width: 164px;"><a href="@Url.Action("Index", "InternetBanking")" class="active" id="show_div"><span style="left: -13px;">@FOResource.UI.Layout.lblchoose</span></a> </li>
            <li style="width: 164px;"><a class="bar_2"><span style="left: -13px;">@FOResource.UI.Layout.lblinfo</span></a></li>
            <li style="width: 60px;"><a class="bar_3"><span style="left: -13px;">@FOResource.UI.Layout.lblcontract</span></a></li>
        </ol>
        <span class="h1replace">@FOResource.UI.Layout.lblsologanInternetBanking</span>

    </div>
    <div class="clear"></div>
    <div class="info" style="min-height: 200px;">
          <div id="box-img-card" style="height: 200px;">
              <div id="img-logo-bank">
                <a title="@Model.CompanyImg" id="fancy-img" href="/content/upload/images/@Model.CompanyImg">
                    <img alt="@Model.InternetBankingName" id="img-card-detail" src="/content/upload/images/@Model.CompanyImg" title="@Model.InternetBankingName" /></a>
                <a href="@Url.Action("InternetBankingInfo", "InternetBanking", new { InternetBankingID = Model.InternetBankingID })" rel="@Model.InternetBankingID">
                     <img style="margin-left: 100px;" alt="@Model.InternetBankingName" class="vnimg-apply" src="/content/images/@FOResource.UI.Product.Card.imgapply" /></a>
            </div>
           <div class="vn-card-info" style="width: 300px;">
                <ul>
                    <li><span class="p-card-info">@FOResource.UI.Layout.InternetBankingName:</span> <span>@Model.InternetBankingName</span></li>
                    <li><span class="p-card-info">@FOResource.UI.CpanelLayout.bankname:</span> <span>@Model.CompanyName</span></li>
                    <li><span class="p-card-info">@FOResource.UI.Layout.saveup </span><span>@Model.Interest %</span></li>
                     @if (Model.Cost > 0)
                    {
                        <li><span class="p-card-info">@FOResource.UI.CpanelLayout.costperyear:</span> <span>@String.Format("{0:0,0}", Model.Cost) VND</span></li>
                    }
                    else
                    {
                        <li><span class="p-card-info">@FOResource.UI.CpanelLayout.costperyear:</span> <span>0 VND</span></li>
                    }
                </ul>
                <div class="social-like" style="margin-left: 12px; margin-top: 5px;">
                    <div class="vnlike-fb">
                        <div class="fb-like" data-href="@Request.Url.AbsoluteUri" data-width="450" data-layout="button_count" data-show-faces="true" data-send="true"></div>
                    </div>
                    <div class="vnlike-google">
                        <div class="g-plusone" data-size="medium" data-href="@Request.Url.AbsoluteUri"></div>
                    </div>
                </div>
            </div>

        </div>
        <div class="box-accordian-panel">
            <div class="accordian_panel">
                <ul id="accordion">
                    @if (faq.Count > 0)
                    {
                        foreach (var f in faq)
                        {
                            if (i == 1)
                            {
                        <li><a href="#" class="item popular" rel="popular">
                            <h3>
                                @f.FAQTitles </h3>
                        </a>
                            <ul style="display: none;">
                                <li>@f.FAQAnwers</li>
                            </ul>
                        </li>
                            }
                            else
                            {
                        <li><a href="#" class="item category" rel="category">
                            <h3>
                                @f.FAQTitles</h3>
                        </a>
                            <ul style="display: none;">
                                <li>@f.FAQAnwers</li>
                            </ul>
                        </li>
                            }
                            i = i + 1;


                        }
                    }


                </ul>
            </div>

        </div>
        <div class="clr"></div>
      <div class="detail-text">
            @Html.Raw(Model.Description)
            <div class="fb-like" style="margin-top: 10px;" data-href="@Request.Url.AbsoluteUri" data-width="900" data-show-faces="false" data-send="true"></div>
        </div>
        <p id="vnquestion-fb">@FOResource.UI.Layout.cmt</p>
        <div style="float: left;">

            <div class="clr"></div>
            <div id="fb-root"></div>
            <div class="fb-comments" data-href="@Request.Url.AbsoluteUri" data-width="625" style="margin-right:10px;"></div>
        </div>

        <div style="float: left;">

            <div id="vnbanknet-facebook" style="margin: 0;">
                <div class="fb-like-box" data-href="http://facebook.com/vnbanknet" data-width="300" data-height="270" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>
            </div>
        </div>

    </div>
</div>
 <div class="clr"></div>
